<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title></title>
</head>
<body>
  <form method="post" action="">
    <label for="someInput"> Your Name: </label>
    <input type="text" id="someInput" name="someInput" placeholder="e.g. Mandar Katre" required>
    <button type="submit">Go</button>
  </form>

  <form action="" method="post">
    <label for="username">Create a Username: </label>
    <input type="text"
    name="username"
    id="username"
    placeholder="Only letters allowed with 4 to 10 characters!"
    pattern="[A-Za-z]{4,10}"
    autofocus
    required>
    <button type="submit">Go </button>
  </form>

  <figure>
    <img src="http://content.aimatch.com/mstar/370/direct_728_90.gif" alt="Morning star Logo" />
    <figcaption>
        <p>MorningStar - Investment Insights</p>
    </figcaption>
</figure>
</body>
</html>
